<template>

    <div>
      <div class="back">
          <i class="fa fa-mail-reply fa-2x" @click="backPage"></i>
      </div>

    <el-descriptions class="margin-top" title="毕设信息" :column="3" :size="size" border>
    <template slot="extra">
      
    </template>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-user"></i>
        毕设编号
      </template>
      {{ bisheData.bisheId }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-mobile-phone"></i>
        教师编号
      </template>
      {{ bisheData.teacherId }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-location-outline"></i>
        所属学院
      </template>
      {{ bisheData.univercity }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-location-outline"></i>
        所属专业
      </template>
      {{ bisheData.major }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-location-outline"></i>
        审核状态
      </template>
      {{ bisheData.ispass }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-location-outline"></i>
        课设上传时间
      </template>
      {{ bisheData.createtime }}
    </el-descriptions-item>
    
  </el-descriptions>
  <h3>主要内容</h3>
    <p>
        {{ bisheData.content }}
        
    </p>
  </div>
</template>

<script>

export default {
    data () {
        return {
            size: '',
            bishe_id: null,
            bisheData: null,
            titleData: null,
        };
        },
        created(){
            this.bishe_id = this.$route.params.bishe_id
           
            this.bisheData = this.$route.query.bisheData
            
            this.titleData = this.$route.query.titleData


            console.log(this.bishe_id,this.bisheData,this.titleData);
        },
        methods:{
          backPage(){
            window.history.back()
          }
        }
}
</script>

<style>
.back i:hover{
    color: yellowgreen;
    cursor: pointer;
}
.back{
  margin: 10px 10px;
}
p{
  margin-left: 10px;
  font-size: 14px;
  
}
</style>